<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>WebRecordEdit</title>
    <meta name="description" content="网站备案修改"/>
    <meta name="keywords" content="index"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="/assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="/assets/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="/assets/css/app.css"/>
    <script src="/assets/js/jquery.min.js"></script>
</head>

<body data-type="widgets">
<script src="/assets/js/theme.js"></script>
<div class="am-g tpl-g">
    <!-- 头部 -->
    <header>
        <!-- logo -->
        <div class="am-fl tpl-header-logo">
            <a href="javascript:;"><img src="/assets/img/logo1.png" alt=""/></a>
        </div>
        <!-- 右侧内容 -->
        <div class="tpl-header-fluid">
            <!-- 侧边切换 -->
            <div class="am-fl tpl-header-switch-button am-icon-list">
                    <span>
                </span>
            </div>
            <!-- 搜索 -->
            <div class="am-fl tpl-header-search">
                <form class="tpl-header-search-form" action="javascript:;">
                    <button class="tpl-header-search-btn am-icon-search"></button>
                    <input class="tpl-header-search-box" type="text" placeholder="站内搜索..."/>
                </form>
            </div>
            <!-- 其它功能-->
            <div class="am-fr tpl-header-navbar">
                <ul>
                    <!-- 欢迎语 -->
                    <li class="am-text-sm tpl-header-navbar-welcome">
                        <a href="javascript:;">欢迎你, <span>王家泰</span> </a>
                    </li>
                    <!-- 新提示 -->
                    <li class="am-dropdown" >
                        <a href="javascript:;" class="am-dropdown-toggle" >
                            <i class="am-icon-bell"></i>
                            <span class="am-badge am-badge-warning am-round item-feed-badge">3</span>
                        </a>

                        <!-- 弹出列表 -->
                        <ul class="am-dropdown-content tpl-dropdown-content">
                            <li class="tpl-dropdown-menu-notifications">
                                <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                    <div class="tpl-dropdown-menu-notifications-title">
                                        <i class="am-icon-line-chart"></i>
                                        <span> 有6笔新的销售订单</span>
                                    </div>
                                    <div class="tpl-dropdown-menu-notifications-time">
                                        12分钟前
                                    </div>
                                </a>
                            </li>
                            <li class="tpl-dropdown-menu-notifications">
                                <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                    <div class="tpl-dropdown-menu-notifications-title">
                                        <i class="am-icon-star"></i>
                                        <span> 有3个来自人事部的消息</span>
                                    </div>
                                    <div class="tpl-dropdown-menu-notifications-time">
                                        30分钟前
                                    </div>
                                </a>
                            </li>
                            <li class="tpl-dropdown-menu-notifications">
                                <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                    <div class="tpl-dropdown-menu-notifications-title">
                                        <i class="am-icon-folder-o"></i>
                                        <span> 上午开会记录存档</span>
                                    </div>
                                    <div class="tpl-dropdown-menu-notifications-time">
                                        1天前
                                    </div>
                                </a>
                            </li>


                            <li class="tpl-dropdown-menu-notifications">
                                <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                    <i class="am-icon-bell"></i> 进入列表…
                                </a>
                            </li>
                        </ul>
                    </li>

                    <!-- 退出 -->
                    <li class="am-text-sm">
                        <a href="javascript:;">
                            <span class="am-icon-sign-out"></span> 退出
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </header>
    <!-- 风格切换 -->
    <div class="tpl-skiner">
        <div class="tpl-skiner-toggle am-icon-cog">
        </div>
        <div class="tpl-skiner-content">
            <div class="tpl-skiner-content-title">
                选择主题
            </div>
            <div class="tpl-skiner-content-bar">
                <span class="skiner-color skiner-white" data-color="theme-white"></span>
                <span class="skiner-color skiner-black" data-color="theme-black"></span>
            </div>
        </div>
    </div>
    <!-- 侧边导航栏 -->
    <div class="left-sidebar">
        <!-- 用户信息 -->
        <div class="tpl-sidebar-user-panel">
            <div class="tpl-user-panel-slide-toggleable">
                <div class="tpl-user-panel-profile-picture">
                    <img src="assets/img/logo2.png" alt=""/>
                </div>
                <span class="user-panel-logged-in-text">
              <i class="am-icon-circle-o am-text-success tpl-user-panel-status-icon"></i>
              &nbsp;王家泰
          </span>
                <a href="javascript:;" class="tpl-user-panel-action-link"> <span class="am-icon-pencil"></span> 账号设置</a>
            </div>
        </div>


        <!-- 菜单 -->
        <ul class="sidebar-nav">
            <li class="sidebar-nav-link">
                <a href="index.html">
                    <i class="am-icon-home sidebar-nav-link-logo"></i> 首页
                </a>
            </li>


            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-file sidebar-nav-link-logo"></i> 网站备案信息
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub" style="display: block;">
                    <li class="sidebar-nav-link">
                        <a href="WebRecordList.html">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 网站备案申请
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="WebRecordForm.html" class="sub-active">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 网站备案列表
                        </a>
                    </li>
                </ul>
            </li>

            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                    <i class="am-icon-wpforms sidebar-nav-link-logo"></i> 网站漏洞管理
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="WebVulnerabilityList.html">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 网站漏洞列表
                        </a>
                    </li>
                </ul>
            </li>



        </ul>
    </div>



    <!-- 内容区域 -->
    <div class="tpl-content-wrapper">
        <div class="row-content am-cf">
            <div class="row">

                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">线条表单</div>
                            <div class="widget-function am-fr">
                                <a href="javascript:;" class="am-icon-cog"></a>
                            </div>
                        </div>
                        <div class="widget-body am-fr">

                            <form class="am-form tpl-form-line-form">

                                <div class="am-form-group">
                                    <label  class="am-u-sm-3 am-form-label">所属部门 <span class="tpl-form-line-small-title">Department</span></label>
                                    <div class="am-u-sm-5">
                                        <select id="doc-select-1">
                                            <option value="option1">选项一...</option>
                                            <option value="option2">选项二.....</option>
                                            <option value="option3">选项三........</option>
                                        </select>
                                        <span class="am-form-caret"></span>
                                    </div>
                                    <label  class="am-u-sm-1 am-form-label">类型 <span class="tpl-form-line-small-title">Class</span></label>
                                    <div class="am-u-sm-3 am-form-group" >
                                        <label class="am-radio-inline" >
                                            <input type="radio" name="docInlineRadio"/> 网站
                                        </label>
                                        <label class="am-radio-inline" >
                                            <input type="radio" name="docInlineRadio"/> 业务管理系统
                                        </label>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label  class="am-u-sm-3 am-form-label">交互式栏目 <span class="tpl-form-line-small-title">Department</span></label>
                                    <div class="am-u-sm-5">
                                        <select >
                                            <option value="option1">无</option>
                                            <option value="option2">论坛</option>
                                            <option value="option3">留言簿</option>
                                            <option value="option3">FTP</option>
                                            <option value="option3">其他</option>
                                        </select>
                                        <span class="am-form-caret"></span>
                                    </div>
                                    <label  class="am-u-sm-1 am-form-label">范围<span class="tpl-form-line-small-title">Range</span></label>
                                    <div class="am-u-sm-3 am-form-group" >
                                        <label class="am-radio-inline" >
                                            <input type="radio" name="docInlineRadio"/> 校内开放
                                        </label>
                                        <label class="am-radio-inline" >
                                            <input type="radio" name="docInlineRadio"/> 校内外开放
                                        </label>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label  class="am-u-sm-3 am-form-label">网站名称 <span class="tpl-form-line-small-title">Name</span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" class="tpl-form-input"  placeholder="请输入网站名称"/>
                                        <small>请填写名称文字10-20字左右。</small>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label  class="am-u-sm-3 am-form-label">网站域名 <span class="tpl-form-line-small-title">Domain</span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" class="tpl-form-input"  placeholder="请输入域名文字"/>
                                        <small>请填写名称文字10-20字左右。</small>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label  class="am-u-sm-3 am-form-label">网站IP <span class="tpl-form-line-small-title">Ip</span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" class="tpl-form-input"  placeholder="请输入Ip地址"/>
                                        <small>请填写正确格式的Ip地址。</small>
                                    </div>
                                </div>
                                <div class="am-form-group" id="webspace">
                                    <label  class="am-u-sm-3 am-form-label">网站空间 <span class="tpl-form-line-small-title">Location</span></label>
                                    <div class="am-u-sm-1">
                                    <label class="am-radio-inline">
                                        <input type="radio"  value="" name="docInlineRadio" onchange="webspacedispaly('docInlineRadio',this)"/> 其他
                                    </label>
                                    </div>
                                    <label class="am-radio-inline" >
                                        <input type="radio" name="docInlineRadio" onchange="webspacedispaly('docInlineRadio',this)"  value="inputwebspace"/>  自有服务器
                                    </label>
                                    <label class="am-radio-inline" style="display: none">
                                         <input type="text" class="tpl-form-input" placeholder="输入IP地址"/>
                                    </label>
                                    <label class="am-radio-inline">
                                        <input type="radio" name="docInlineRadio" onchange="webspacedispaly('docInlineRadio',this)"/> 学校服务器
                                    </label>
                                </div>
                                <script>
                                    function webspacedispaly(selectname,ad) {
                                        ad.checked=true;
                                        var item=$("input[name="+selectname+"]:checked").val();
                                        if(item=='inputwebspace')
                                        {
                                            $('#webspace label:eq(3)').show();
                                        }else {
                                            $('#webspace label:eq(3)').hide();
                                        }
                                    }
                                </script>
                                <div class="am-form-group">
                                    <label  class="am-u-sm-3 am-form-label">网页技术 <span class="tpl-form-line-small-title">Page</span>
                                    </label>
                                    <div class="am-u-sm-2">
                                        <label  class="am-form-label">静态：</label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="option1"/> HTML
                                        </label>
                                    </div>
                                    <div class="am-u-sm-7">
                                        <label  class="am-form-label">动态：</label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="option2"/> ASP
                                        </label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="option3"/> PHP
                                        </label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="option3"/> J2EE
                                        </label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="option3"/> .NET
                                        </label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="option3"/> 其它
                                        </label>
                                        <label class="am-radio-inline" >
                                            <input type="text" class="tpl-form-input" placeholder="Input"/>
                                        </label>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label  class="am-u-sm-3 am-form-label">数据库技术 <span class="tpl-form-line-small-title">Access</span></label>
                                    <div class="am-u-sm-9">
                                    <label class=" am-checkbox-inline">
                                        <input type="checkbox" value="option1"/> 无
                                    </label>
                                    <label class="am-checkbox-inline">
                                        <input type="checkbox" value="option2"/> ACCESS
                                    </label>
                                    <label class="am-checkbox-inline">
                                        <input type="checkbox" value="option3"/> MYSQL
                                    </label>
                                    <label class="am-checkbox-inline">
                                        <input type="checkbox" value="option3"/> MSSQL
                                    </label>
                                    <label class="am-checkbox-inline">
                                        <input type="checkbox" value="option3"/> 其它
                                    </label>
                                    <label class="am-radio-inline" >
                                        <input type="text" class="tpl-form-input" placeholder="Input"/>
                                    </label>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label  class="am-u-sm-3 am-form-label">单位负责人 <span class="tpl-form-line-small-title">Name</span></label>
                                    <div class="am-u-sm-2">
                                        <input type="text" class="tpl-form-input"  placeholder="姓名"/>
                                    </div>
                                    <div class="am-u-sm-2">
                                        <input type="text" class="tpl-form-input"  placeholder="邮箱"/>
                                    </div>
                                    <div class="am-u-sm-2">
                                        <input type="text" class="tpl-form-input"  placeholder="办公电话"/>
                                    </div>
                                    <div class="am-u-sm-2">
                                        <input type="text" class="tpl-form-input"  placeholder="手机"/>
                                    </div>
                                    <div class="am-u-sm-1">
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label  class="am-u-sm-3 am-form-label">网络管理员 <span class="tpl-form-line-small-title">Name</span></label>
                                    <div class="am-u-sm-2">
                                        <input type="text" class="tpl-form-input"  placeholder="姓名"/>
                                    </div>
                                    <div class="am-u-sm-2">
                                        <input type="text" class="tpl-form-input"  placeholder="邮箱"/>
                                    </div>
                                    <div class="am-u-sm-2">
                                        <input type="text" class="tpl-form-input"  placeholder="办公电话"/>
                                    </div>
                                    <div class="am-u-sm-2">
                                        <input type="text" class="tpl-form-input"  placeholder="手机"/>
                                    </div>
                                    <div class="am-u-sm-1">
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="user-intro" class="am-u-sm-3 am-form-label">用途及栏目内容<span class="tpl-form-line-small-title">Description</span></label>
                                    <div class="am-u-sm-9">
                                        <textarea class="" rows="10" id="user-intro" placeholder="请输入描述内容"></textarea>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="user-intro" class="am-u-sm-3 am-form-label"></label>
                                    <div class="am-u-sm-9">
                                        <input type="checkbox"/>
                                        <a href="Protocol.html">《网站使用与管理协议》</a>
                                    </div>
                                </div>



                                <div class="am-form-group">
                                    <div class="am-u-sm-9 am-u-sm-push-3">
                                        <button type="button" class="am-btn am-btn-primary tpl-btn-bg-color-success ">保存</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<script src="/assets/js/amazeui.min.js"></script>
<script src="/assets/js/amazeui.datatables.min.js"></script>
<script src="/assets/js/dataTables.responsive.min.js"></script>
<script src="/assets/js/app.js"></script>

</body>

</html>